<template>
    <div>
        <h4>子组件</h4>
        <!--                 接收父组件的数据        触发绑定事件 更改父组件(Ex22)的数据     (缺点不能用逻辑) -->
        <input  type="text" :value="modelValue" @input="emit('update:modelValue',$event.target.value)">
    </div>
</template>


<script setup >
// 注意 使用v-model时，传递进来的数据 子组件中 一定有下面的写法
defineProps(['modelValue'])
//事件绑定  触发事件  更改父组件的数据
const emit = defineEmits(['update:modelValue'])

</script>


<style lang="">
    
</style>